html,
body {
    height: 100%;
}

.box {
    height: 100%;
    width: 100%;
    background-image: url(../data/img/logo.jpg);
    background-size: 100% 100%;
    position: relative;

    .list {
        height: 400px;
        width: 800px;
        background-color: #f6f6f6;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;

        h1 {
            margin-top: 15px;
            font-size: 36px;
            font-weight: 600;
        }

        form {
            width: 400px;
            margin: auto;

            p:first-child {
                margin-top: 20px;
            }

            P:nth-child(2) {
                margin-top: 20px;
                text-align: end;
                margin-top: 10px;
                height: 35px;
                font-size: 16px;
                width: 400px;

                input {
                    height: 100%;
                    width: 250px;
                    margin-right: 50px;
                    padding-left: 10px;
                }
            }

            P:nth-child(3) {
                margin-top: 20px;
                text-align: end;
                margin-top: 10px;
                height: 35px;
                font-size: 16px;
                width: 400px;

                input {
                    height: 100%;
                    width: 250px;
                    margin-right: 50px;
                    padding-left: 10px;
                }
            }

            P:nth-child(4) {
                width: 200px;
                display: flex;
                justify-content: space-between;
                font-size: 20px;
                margin-top: 25px;
                margin-left: 60px;

                input {
                    height: 30px;
                    width: 50px;
                    background-color: #ccc;
                    margin-left: 60px;
                }
            }

            span {
                margin-top: 30px;
                font-size: 14px;
                line-height: 14px;
                display: inline-block;
            }

        }
    }
}